.nes-phone {
  $px: 6px;
  $phone-colors: (#596985, #3c4665, #000);
  // prettier-ignore
  $phone: (
    (0,0,3,3,3,3,3,3),
    (0,3,3,2,2,2,1,3),
    (3,3,2,2,2,2,1,3),
    (3,2,2,2,2,2,1,3),
    (3,2,2,2,2,2,1,3),
    (3,2,2,2,2,2,1,3),
    (3,2,2,3,3,3,3,3),
    (3,2,2,3,0,0,0,0),
    (3,2,2,3,0,0,0,0),
    (3,2,2,3,0,0,0,0),
    (3,2,2,3,0,0,0,0),
    (3,2,2,3,0,0,0,0),
    (3,2,2,3,0,0,0,0),
    (3,2,2,3,0,0,0,0),
    (3,2,2,3,3,3,3,3),
    (3,2,2,2,2,2,1,3),
    (3,2,2,2,2,2,1,3),
    (3,2,2,2,2,2,1,3),
    (3,3,2,2,2,2,1,3),
    (0,3,3,2,2,2,1,3),
    (0,0,3,3,3,3,3,3)
  );

  position: relative;
  display: inline-block;
  width: $px * 8;
  height: $px * 21;

  &::before {
    position: absolute;
    top: $px * -1;
    left: $px * -1;
    content: "";
    background: transparent;

    @include pixelize($phone, $phone-colors, $px);
  }
}
